.OpenCard
    width: 100%
    height: 100%
    position: fixed
    display: flex
    justify-content: center
    align-items: center
    background-color: #272727d6
    top: 0
    left: 0
    color: #e6e6e6
    @media screen and (max-width: 768px)
        position: fixed
        overflow-y: scroll
        align-items: stretch
    .MovieInfo
        width: 100%
        max-width: 960px
        display: flex
        @media screen and (max-width: 768px)
            display: grid
            justify-items: center
            padding-top: 20px
            box-sizing: border-box
            img
                grid-row: 1
            .info
                grid-row: 3
        img
            width: 100%
            max-width: 300px
        .Info
            display: flex
            flex-wrap: nowrap
            flex-direction: column
            justify-content: center
            padding: 20px
            box-sizing: border-box
            h2
                font-size: xx-large
                color: var(--ButtonColor)
            .Description
                margin-top: 20px
                